/**
 * 图表相关
 */
export const CHART_PRIMARY_COLOR = '#376df7';
export const CHART_PRIMARY_COLOR_TRANSPARENT = 'rgba(55, 109, 247, 0.1)';
export const CHART_SECONDARY_COLOR = '#14c6a1';
export const CHART_SECONDARY_COLOR_TRANSPARENT = 'rgba(20, 198, 161, 0.1)';
export const CHART_COLOR_PALETTE = [
  CHART_PRIMARY_COLOR, CHART_SECONDARY_COLOR, '#ffa500', '#294680', '#53b997', '#f22f2f',
  '#6750aa', '#f8c541', '#68b2ff', '#7a4388', '#e883b9', '#00827f', '#ff9b47',
];
export const CHART_LINE_COLOR = '#e7e7e7';
export const CHART_LABEL_COLOR = 'rgba(0, 0, 0, 0.4)';
export const CHART_TEXT_COLOR = 'rgba(0, 0, 0, 0.9)';
export const CHART_LEGEND_TEXT_COLOR = 'rgba(44, 53, 66, 0.65)';

export const CHART_BASIC_OPTION = {
  color: [CHART_PRIMARY_COLOR, CHART_SECONDARY_COLOR],
  grid: {
    left: '3%',
    right: '4%',
    top: '50',
    bottom: '40',
    containLabel: true,
  },
};
export const CHART_BASIC_OPTION_LEGEND = {
  textStyle: {
    color: CHART_LEGEND_TEXT_COLOR,
  },
};
export const CHART_BASIC_OPTION_XAXIS = {
  type: 'category',
  boundaryGap: false,
  axisLabel: {
    color: CHART_LABEL_COLOR,
    hideOverlap: true,
    margin: 18,
  },
  axisLine: {
    lineStyle: {
      color: CHART_LINE_COLOR,
    },
  },
};
export const CHART_BASIC_OPTION_YAXIS = {
  type: 'value',
  nameGap: 23,
  nameTextStyle: {
    align: 'right',
    color: CHART_TEXT_COLOR,
  },
  axisLabel: {
    color: CHART_LABEL_COLOR,
    formatter: '{value}',
  },
  axisLine: {
    show: false,
  },
  axisTick: {
    show: false,
  },
  splitLine: {
    lineStyle: {
      color: CHART_LINE_COLOR,
      type: 'dashed',
    },
  },
};
